@CHARSET "UTF-8";

html,body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background: url('../images/bg.png') repeat;
}

.chat {
	z-index: 2;
	position: absolute;
	top: 80%;
}

#tableCanvas {
	z-index: 1;
}

#chooseBox {
	z-index: 2;
}

#draggable {
	width: 240px;
	height: 150px;
	padding: 0.5em;
	border: 1px solid black;
	background: white;
	z-index: 4;
	position: absolute;
	cursor: pointer;
}

#insertName {
	font-size: 1em;
	z-index: 4;
	padding: 0.5em;
	border: 1px solid black;
	background: white;
	position: absolute;
}

#fadeOutDiv {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}

#fadeOut {
	opacity: 0.8;
	width: 100%;
	height: 100%;
}

#bankCanvas {
	z-index: 2;
	opacity: 0.8;
}

#buttonDiv {
	z-index: 2;
}

#cards {
	z-index: 1;
	height: 0%;
	width: 0%;
}

#player1 {
	z-index: 3;
}

#area1 {
	z-index: 2;
	opacity: 0.8;
}

#player2 {
	z-index: 3;
}

#area2 {
	z-index: 2;
	opacity: 0.8;
}

#player3 {
	z-index: 3;
}

#area3 {
	z-index: 2;
	opacity: 0.8;
}

#player4 {
	z-index: 3;
}

#area4 {
	z-index: 2;
	opacity: 0.8;
}

#player5 {
	z-index: 3;
}

#area5 {
	z-index: 2;
	opacity: 0.8;
}

#player6 {
	z-index: 3;
}

#area6 {
	z-index: 2;
	opacity: 0.8;
}

#player7 {
	z-index: 3;
}

#area7 {
	z-index: 2;
	opacity: 0.8;
}

#player8 {
	z-index: 3;
}

#area8 {
	z-index: 2;
	opacity: 0.8;
}

#player9 {
	z-index: 3;
}

#area9 {
	z-index: 2;
	opacity: 0.8;
}

.deal {
	z-index: 2;
	position: absolute;
}

.sitout {
	z-index: 2;
	position: absolute;
	top: 480px;
	font-family: Arial;
	font-weight: bold;
	color: white;
}